<template>
    <div>
        <ul style="display:flex;justify-content: space-between;border" class="shopCart">
            <li style="width: 14.66vw;padding:5px 0;"><img src="../../assets/Customer service@2x.png"/><span>客服</span></li>
            <li style="width: 14.66vw;padding:5px 0"><img src="../../assets/icon_buy@2x.png" alt=""><span>购物车</span></li>
            <li style="width: 14.66vw;padding:5px 0"><img src="../../assets/icon_like@2x.png" alt=""><span>我喜欢</span></li>
            <li><mu-button color="#333333" textColor="#ffffff" :ripple=false style="width:28vw;height:100%">加入购物车</mu-button></li>
            <li><mu-button color="#FF4C50" textColor="#ffffff" :ripple=false style="width:28vw;height:100%">立即购买</mu-button></li>
        </ul>
    </div>
</template>
<script>
export default {
    name:'shopChart',
    data () {
        return {
        
        }
    }
}
</script>
<style lang='scss'>
    .shopCart{
        border: solid 1px #f2f2f2;
        li{
            text-align: center;
            img{
                width: 40%;
                display: block;
                margin:0 auto;
            }
            span{
                font-size: 12px;
                transform: scale(.83)
            }
        }
    }
</style>